<template>
  <div class="account-settings-info-view">
    <a-row :gutter="16">
      <a-col :md="24" :lg="16">
        <a-form layout="vertical">
          <a-form-item label="username:">{{username}}</a-form-item>
          <a-form-item label="realname">{{realname}}</a-form-item>

          <a-form-item label="电子邮件" :required="false">{{email}}</a-form-item>
          <a-form-item label="注册日期" :required="false">{{registerDate}}</a-form-item>
          <a-form-item label="最后登录时间" :required="false">{{getLastLogin}}</a-form-item>
          <a-form-item label="登录密码" :required="false"></a-form-item>
        </a-form>
      </a-col>
    </a-row>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      // cropper
      preview: {},
      userList: []
    };
  },
  computed: {
    username() {
      //let username = sessionStorage.getItem("login_username");
      let username = this.$store.getters.getUser;
      return username || this.name;
    },
    realname() {
      //let username = sessionStorage.getItem("login_username");
      let realname = this.$store.getters.getRealname;
      return realname;
    },
    email() {
      //let username = sessionStorage.getItem("login_username");
      let email = this.$store.getters.getEmail;
      return email;
    },
    registerDate() {
      //let username = sessionStorage.getItem("login_username");
      let registerDate = this.$store.getters.getRegisterDate;
      return registerDate;
    },
    getLastLogin() {
      //let username = sessionStorage.getItem("login_username");
      let lastLogin = this.$store.getters.getLastLogin;
      return lastLogin;
    },
    headerStataus() {
      return this.$store.getters.getHeaderStatus;
    }
  },
  mounted() {},
  methods: {
    setavatar(url) {
      this.option.img = url;
    }
  }
};
</script>

<style scoped>
</style>
